<template>  
    <div class="image-with-text">  
        <van-icon :name="name" size="1.8rem"  color="#1989fa"/>
        <p class="text">{{ text }}</p>    
    </div>  
  </template>  
    
  <script>  
  export default {  
    name: 'ImageWithText',  
    props: {  
      name: {  
        type: String,  
        required: true,  
      },  
        
      text: {  
        type: String,  
        required: true,  
      },  
    },  
  };  
  </script>  
    
  <style lang="less" scoped>  
  .image-with-text {  
    display: flex;  
    flex-direction: column;  
    align-items: center;  
    width:100px; 
    height:80px;
    .text{
        font-size: 15px;
    font-weight: 600;
    }
  }  
  </style>